$--color-primary: #1368dd !default;
$--color-primary-light-1: mix(white, $--color-primary, 10%) !default;
$--color-primary-light-2: mix(white, $--color-primary, 20%) !default;
$--color-primary-light-3: mix(white, $--color-primary, 30%) !default;
$--color-primary-light-4: mix(white, $--color-primary, 40%) !default;
$--color-primary-light-5: mix(white, $--color-primary, 50%) !default;
$--color-primary-light-6: mix(white, $--color-primary, 60%) !default;
$--color-primary-light-7: mix(white, $--color-primary, 70%) !default;
$--color-primary-light-8: mix(white, $--color-primary, 80%) !default;
$--color-primary-light-9: mix(white, $--color-primary, 90%) !default;

$--color-success: #07dba4 !default;
$--color-danger: #f85837 !default;
$--color-warning: #ffb42a !default;
$--color-info: #9c9c9c !default;
$--color-white: white !default;
$--color-black: black !default;
$--color-white-50-percent: rgba(255, 255, 255, 0.5) !default;

$--color-disabled-percent: 60% !default;
$--color-hover-percent: 30% !default;
$--color-active-percent: 20% !default;

// 圆角
$--border-radius-base: 4px !default;
$--border-radius-small: 2px !default;
$--border-radius-circle: 100px !default;
$--border-radius-zero: 0 !default;

// 文字
$--color-text-primary: #191d21 !default;
$--color-text-regular: #575a5d !default;
$--color-text-disabled: #a3a5a7 !default;

$--font-weight-primary: 500 !default;
$--font-weight-think: 100 !default;

$--font-size-extra-large: 20px !default;
$--font-size-large: 18px !default;
$--font-size-medium: 16px !default;
$--font-size-base: 14px !default;
$--font-size-small: 13px !default;
$--font-size-extra-small: 12px !default;

$--button-small-font-size: 14px !default;
$--button-small-padding-horizontal: 16px !default;
$--button-small-padding-vertical: 8px !default;
$--button-small-border-radius: 4px !default;

$--button-mini-font-size: 12px !default;
$--button-mini-padding-horizontal: 12px !default;
$--button-mini-padding-vertical: 7px !default;
$--button-mini-border-radius: 4px !default;

// 边框
$--border-color-base: #babbbe !default;
$--border-color-disabled: #ebeef5 !default;

// 按钮
$--button-font-weight: $--font-weight-primary !default;

$--button-default-padding-vertical: 12px !default;
$--button-default-padding-horizontal: 20px !default;
$--button-default-font-size: $--font-size-base !default;
$--button-default-border-radius: $--border-radius-base !default;

$--button-default-bg-color: $--color-white !default;
$--button-default-border-color: $--border-color-base !default;
$--button-default-font-color: $--color-text-regular !default;

$--button-disabled-border-color: $--border-color-disabled !default;
$--button-disabled-bg-color: $--color-white !default;
$--button-disabled-font-color: $--color-text-disabled !default;

// 按钮类型
$--button-primary-font-color: $--color-white !default;
$--button-primary-bg-color: $--color-primary !default;
$--button-primary-border-color: $--color-primary !default;

$--button-success-font-color: $--color-white !default;
$--button-success-bg-color: $--color-success !default;
$--button-success-border-color: $--color-success !default;

$--button-warning-font-color: $--color-white !default;
$--button-warning-bg-color: $--color-warning !default;
$--button-warning-border-color: $--color-warning !default;

$--button-danger-font-color: $--color-white !default;
$--button-danger-bg-color: $--color-danger !default;
$--button-danger-border-color: $--color-danger !default;

$--button-info-font-color: $--color-white !default;
$--button-info-bg-color: $--color-info !default;
$--button-info-border-color: $--color-info !default;

$--button-active-percent: 10% !default;
$--button-hover-percent: 30% !default;
$--button-disabled-percent: 80% !default;
$--button-border-percent: 90% !default;

$--button-disabled-border-percent: 70% !default;
$--button-disabled-font-percent: 40% !default;
$--button-disabled-bg-percent: 90% !default;

// radio
$--radio-default-out-size: 14px;
$--radio-default-inner-size: 8px;
$--radio-default-font-size: $--font-size-base;

$--radio-small-out-size: 12px;
$--radio-small-inner-size: 6px;
$--radio-small-font-size: 12px;

$--radio-mini-out-size: 10px;
$--radio-mini-inner-size: 4px;
$--radio-mini-font-size: 10px;

$--radio-default-padding-vertical: 12px !default;
$--radio-default-padding-horizontal: 20px !default;

$--radio-small-padding-vertical: 8px !default;
$--radio-small-padding-horizontal: 16px !default;

$--radio-mini-padding-vertical: 7px !default;
$--radio-mini-padding-horizontal: 12px !default;

// checkbox
$--checkbox-default-border-radius: 2px;
$--checkbox-default-out-size: 14px;
$--checkbox-default-font-size: $--font-size-base;

$--checkbox-small-out-size: 12px;
$--checkbox-small-font-size: 12px;

$--checkbox-mini-out-size: 10px;
$--checkbox-mini-font-size: 10px;

$--checkbox-default-padding-vertical: 12px !default;
$--checkbox-default-padding-horizontal: 20px !default;

$--checkbox-small-padding-vertical: 8px !default;
$--checkbox-small-padding-horizontal: 16px !default;
$--checkbox-small-size: 12px;

$--checkbox-mini-padding-vertical: 7px !default;
$--checkbox-mini-padding-horizontal: 12px !default;
$--checkbox-mini-size: 12px;

// input
$--input-default-padding-horizontal: 15px;
$--input-default-font-size: $--font-size-base;
$--input-default-line-height: 38px;

$--input-small-padding-horizontal: 12px;
$--input-small-font-size: 14px;
$--input-small-line-height: 30px;

$--input-mini-padding-horizontal: 8px;
$--input-mini-font-size: 12px;
$--input-mini-line-height: 26px;

$--input-slot-bg-color: #eaeaea;
$--color-input-place: #a3a5a7;
$--color-disabled-input: #f5f7fa;

// textarea
$--textarea-padding-vertical: 8px;
$--textarea-padding-horizontal: 16px;
